<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1" />
		<title>登陆界面</title>
	</head>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/login.css" />
	<script type="text/javascript" src="js/login.js"></script>

	<body>
		<!--页面顶部——begin-->
		<div class="top"></div>
		<!--页面顶部——end-->
		<!--页面主体——begin-->
		<div class="middle">
			<div class="col-md-6">
				<!--登陆面板——begin-->
				<div class="panel panel-primary">
					<!--面板的头部——begin-->
					<div class="panel panel-heading">
						<label class="Han control-label">学生管理系统登陆</label>
						<label class="Ying control-label">【StudentSystem--Login】</label>
					</div>
					<!--面板的头部——end-->
					<!--面板的主体——begin-->
					<div class="panel panel-body">

						<form class="form-horizontal" id="loginForm" onsubmit="return xingming()" method="get">
							<!--姓名表单元素——begin-->
							<div class="form-group" >
								<label class="col-sm-4 control-label" >姓名【Name】</label>
								<div class="col-sm-7">
									<input type="text" name="Name" class="form-control" placeholder="请输入您的姓名" required="required"/>
								</div>
							</div>
							<!--姓名表单元素—end-->

							<br />

							<!--密码表单元素——begin-->
							<div class="form-group">
								<label class="col-sm-4 control-label">密码【Pwd】</label>

								<div class="col-sm-7">
									<input type="password" id="Pwd" class="form-control" placeholder="请输入您的密码" required/>
								</div>

								<div class="Aforget">
									<a href="#">忘记密码</a>
								</div>
							</div>
							<!--密码表单元素—end-->
							<!--单选按钮——begin-->
							<div class="ra">
								<input type="radio" name="ra" value="记住密码" /><label>记住密码</label>&nbsp;&nbsp;
								<input type="radio" name="ra" value="自动登陆" checked/><label>自动登陆</label>
							</div>
							<!--单选按钮——end-->
							<div class="bfoot">
								<input type="submit" value="登陆" id="L-btn" class="L-btn"/>
								
								<input type="button" value="注册" onclick="javascript:window.location.href='register.html'">
								
								
							</div>

						</form>
					</div>
					<!--面板的主体——end-->
					<!--面板的底部——begin-->
					<div class="panel panel-footer">
						<div class="img">
							<a href="https://im.qq.com/pcqq/">
								<img src="img/4.png" />
							</a>
							<a href="https://wx.qq.com/">
								<img src="img/6.png" />
							</a>

						</div>

					</div>
					<!--面板的底部——end-->
				</div>
				<!--登陆面板——end-->
			</div>
		</div>
		<!--页面主体——end-->
		<!--页面底部——begin-->
		<div class="bottom"></div>
		<!--页面底部——end-->
	</body>

</html>